<template>
  <demoBlock title="基础用法" padding>
    <vcu-circle
      v-model:current-rate="currentRate"
      :rate="30"
      :speed="100"
      :text="text"
    />
  </demoBlock>
</template>


<script>
import { defineComponent, ref, computed } from "vue";

export default defineComponent({
  setup() {
    const currentRate = ref(0);
    const text = computed(() => currentRate.value.toFixed(0) + "%");

    return {
      text,
      currentRate,
    };
  },
});
</script>